/*
 * @Author: yuan-3-07 2144849287@qq.com
 * @Date: 2023-01-07 18:03:51
 * @LastEditors: yuan-3-07 2144849287@qq.com
 * @LastEditTime: 2023-01-13 11:05:44
 * @FilePath: \h520221123\css\common.css
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
/* 公用样式文件 ---主要实现可以反复使用的类名 所有选择器,都不建议从公用样式类名上通过 */
/* 版心: 固定宽度,水平居中 */
.container{
    width: 1200px;
    margin:0 auto;
}

/*浮动 */
.fl{
    float: left;
}
.fr{
    float: right;
}

/* 清除浮动 */
.clearfix:after{
    content:'';
    display: block;
    height: 0;
    clear: both;
}

/* 绝对定位 */
.abs{
    position: absolute;
}
/* 相对定位 */
.rel{
    position: relative;
}

/* 样式组件 ---一般把项目中使用频率超过3次以上,都抽成样式类名*/

/* 字体大小 */
.f12{
    font-size: 12px;
}
.f14{
    font-size: 14px;
}
.f16{
    font-size: 16px;
}
.f18{
    font-size: 18px;
}
.f20{
    font-size: 20px;
}
.f22{
    font-size: 22px;
}
.f24{
    font-size: 24px;
}
.f35{
    font-size: 35px;
}


/* 文本样式 */
.tcenter{
    text-align: center;
}

/* padding */
.pt{
    padding-top: 50px;
}
.plr20{
    padding:0 20px;
}
.plr30{
    padding:0 30px;
}
.p515{
    padding:5px 15px;
}
/* 文字颜色 */
.red{
  color: red;
}
.green{
  color: green;
}
.f3{
    color: #fff;

}
.f5{
  color: #555555;

}
.c3d{
    color: #3d3e3e;

}
.f1{
  color: #f1f1f1f1;

}
.f9{
  color: #999999;

}


.c18{
    color:#181818;
}
.c6{
    color:#666;
}
.c127{
    color:#1271ef;
}
.c3{
    color: #ccc;
}
.f1{
  color: #f1f1f1;
}
.cf{
  color: #cfcfcf;
}
.ce{
  color: #cecece;
}
/* 盒子类别 */
.iblock{
    display: inline-block;
}
/* margin */
.mt15{
    margin-top: 15px;
}
.mt18{
    margin-top: 18px;
}
.mt20{
    margin-top: 20px;
}
.mt35{
    margin-top: 35px;
}
.mt56{
    margin-top: 56px;
}
.ml10{
    margin-left: 10px;
}
.mr20{
    margin-right: 20px;
}
.mr8{
  margin-right: 8px;
}
.ml93{
    margin-left : 93px;
}
.mt50{
    margin-top: 50px;
}
.mt80{
    margin-top: 80px;
}
.mt90{
    margin-top: 90px;
}
.mb70{
    margin-bottom: 70px;
}
.mb50{
    margin-bottom: 50px;
}
.mb20{
  margin-bottom: 20px;
}
.ml65{
  margin-left: 65px;
}

/* 行高 */
.lh64{
    line-height: 64px;
}
.lh22{
    line-height: 22px;
}
.lh20{
    line-height: 20px;
}
.lh34{
    line-height: 34px;
}
/* 字体粗细 */
.fw{
    font-weight: normal;
}
.bold{
    font-weight: bold;
}
/* 横线 */
.sp{
    width: 4px;
    height: 26px;
    background-color: #1271ef;
}



/* 首页-组件化设计--头部 */
header {
    width: 100%;
    height: 66px;
    border-bottom: 1px solid #aec7ec;
    z-index: 999;
    box-sizing: border-box;
  }
  header .logo {
    width: 230px;
    height: 30px;
  }
  header .menu {
    left: 50%;
    transform: translate(-50%);
    top: 20px;
  }
  header .menu li {
    float: left;
    margin: 0 20px;
  }
  header .menu li a {
    color: #fff;
  }
  header .menu li.active {
    border-bottom: 2px solid #fff;
  }
  header .right a {
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 16px;
    color: #fff;
  }
  header .right a:last-child {
    background-color: #ed510a;
    border: 1px solid #ed510a;
  }

  /* 其他样式 */
  header .smenu li.active {
    border-bottom: 2px solid #00dbff;

  }
  header .smenu li.active a{
   color: #00dbff;
   font-weight: bolder;

  }
  header .smenu li a {
    color: #666;
  }
  header .right .password {
    display: inline-block;
    border: 3px solid #d1d1d1;
    border-radius: 16px;
    color: #666666;
  }

/* 公共尾部 */
/* 尾部 */
.footer {
    text-align: left;
    margin-top: 40px;
    float: left;
  }
  .footer tr {
    padding-bottom: 35px;
  }
  .footer tr th {
    font-size: 16px;
    padding-bottom: 35px ;
    margin-right: 60px;
  }
  .footer tr th a {
    color: #000;
  }
  .footer tr a {
    display: inline-block;
    padding-bottom: 18px ;
    color: #ccc;
    margin-right: 60px;
  }
  /* 尾部二维码 */
  .official-account {
    float: right;
    text-align: right;
    width: 200px;
  }
  .official-account h3 {
    margin-top: 45px;
  }
  .official-account p {
    padding-top: 20px;
    padding-bottom: 35px;
    color: #ccc;
  }
  /* 尾部指南 */
  .tail-guide p {
    display: inline-block;
    padding-bottom: 25px;
  }
  .tail-guide {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .tail-guide .tail-left {
    float: left;
  }
  .tail-guide .tail-rigth {
    float: right;
  }
  footer {
    height: 100%;
  }
